<template>
  <el-tabs v-model="logoKey">
    <el-tab-pane
      v-for="item in logoData"
      :key="item.key"
      :name="item.key"
      :label="item.label" >
      <component
        v-if="item.key==logoKey"
        :is="item.component"
        :key="item.key" />
    </el-tab-pane>
  </el-tabs>
</template>

<script setup>
// 账号登录
import Account from './components/account.vue'
// 验证码登录
import Code from './components/code.vue'

const logoKey = ref('account')
const logoData = reactive([
  { label: '账号登录', key: 'account', component: markRaw(Account) },
  { label: '验证码登录', key: 'code', component: markRaw(Code) },
])
</script>

<style lang="scss" scoped>
</style>
